	<div class="row ">
    		<div class="col-xs-12 col-sm-7 col-md-7 col-lg-4">
    <h1 class="page-title txt-color-blueDark"> 
				<i class="fa fa fa-desktop fa-fw"></i>
 UI组件
			<span>
    > 树形视图 
</span>
		
</h1>
</div>

			<div class="col-xs-12 col-sm-5 col-md-5 col-lg-8">
    		<ul id="sparks" >
    			<li class="sparks-info">
    				 <h5> 个人收入 <span class="txt-color-blue">$47,171</span></h5>
				<div class="sparkline txt-color-blue hidden-mobile hidden-md hidden-sm">
    					1300, 1877, 2500, 2577, 2000, 2100, 3000, 2700, 3631, 2471, 2700, 3631, 2471
				
</div>
			
</li>
			<li class="sparks-info">
    				<h5> 站点流量 <span class="txt-color-purple"><i class="fa fa-arrow-circle-up" data-rel="bootstrap-tooltip" title="Increased"></i>&nbsp;45%</span></h5>
				<div class="sparkline txt-color-purple hidden-mobile hidden-md hidden-sm">
    					110,150,300,130,400,240,220,310,220,300, 270, 210
				
</div>
			
</li>
			<li class="sparks-info">
    				<h5> 站点营收 <span class="txt-color-greenDark"><i class="fa fa-shopping-cart"></i>&nbsp;2447</span></h5>
				<div class="sparkline txt-color-greenDark hidden-mobile hidden-md hidden-sm">
    					110,150,300,130,400,240,220,310,220,300, 270, 210
				
</div>
			
</li>
		
</ul>
	
</div>
	
</div>

<section id="widget-grid" class="">
    	<div class="row">
    		<article class="col-sm-12 col-md-12 col-lg-6">
    			<div class="jarviswidget jarviswidget-color-orange" id="wid-id-0"
    				data-widget-editbutton="false"
				>
<header>
    <span class="widget-icon"><i class="fa fa-lg fa-calendar"></i></span>    <h2>组织视图</h2>
    
</header>
				<div>
    					<div class="jarviswidget-editbox">
    
</div>
					<div class="widget-body ">
    						<div class="widget-body-toolbar " id="bg-color-white">
    		                    <form class="form-inline" role="form">
		                        <div class="row ">
    									<div class="col-sm-12 col-md-10">
    		                                <div class="form-group ">
			                                    <label class="sr-only">任务标题</label>
											<input type="email"  id=""  name=""  value=""  placeholder="我的任务"  class="input-sm form-control">
		                                
</div>
		                                <div class="form-group ">
			                                    <label class="sr-only">选择周</label>
											<select  id="form-control"    placeholder=""  class="input-sm ">
			                                        <option>第1周</option>
		                                        <option>第2周</option>
		                                    
</select>
		                                
</div>
		                                <div class="form-group ">
			                                    <label class="sr-only">Days</label>
		                                    <select  id="form-control"    placeholder=""  class="input-sm ">
			                                        <option>星期一</option>
		                                        <option>星期二</option>
		                                        <option>星期三</option>
		                                        <option>星期四</option>
		                                        <option>星期五</option>
		                                        <option>星期六</option>
		                                        <option>星期日</option>
		                                    
</select>
		                                
</div>
		                            
</div>
									 
									<div class="col-sm-12 col-md-2 text-align-right">
    		                                <button type="submit" class="btn btn-warning btn-xs">
		                                    <i class="fa fa-plus"></i>
 增加
		                                </button>
		                           
</div>
		                        
</div>
		                    </form>
		                
</div>
		
						<div class="tree">
	<ul>
									<li>
    								<span><i class="fa fa-lg fa-calendar"></i>2013年, 第2周</span>
								<ul>
    									<li>
    										<span  class="label label-success"><i class="fa fa-lg fa-plus-circle"></i>星期一, 1月7号，8个小时</span>
										<ul>
												<li>
												<span><i class="fa fa-clock-o"></i>
 8.00</span> &ndash; <a href="javascript:void(0);">更新css代码，并提交版本库...</a>
											</li>
										
</ul>
									
</li>
									
									<li>
    										<span  class="label label-success"><i class="fa fa-lg fa-minus-circle"></i>星期二, 1月8号，8个小时</span>
										<ul>
												<li>
												<span><i class="fa fa-clock-o"></i>
 6.00</span> &ndash; <a href="javascript:void(0);">更新代码，并提交版本库...</a>
											</li>
											<li>
												<span><i class="fa fa-clock-o"></i>
 2.00</span> &ndash; <a href="javascript:void(0);">修改bug...</a>
											</li>
										
</ul>
									
</li>
									
									<li>
    										<span  class="label label-warning"><i class="fa fa-lg fa-minus-circle"></i>星期三, 1月9号，6个小时</span>
										<ul>
												<li>
												<span><i class="fa fa-clock-o"></i>
 3.00</span> &ndash; <a href="javascript:void(0);">修改bug...</a>
											</li>
											<li>
												<span><i class="fa fa-clock-o"></i>
 3.00</span> &ndash; <a href="javascript:void(0);">提交代码...</a>
											</li>
										
</ul>
									
</li>
									
									<li>
    										<span  class="label label-danger"><i class="fa fa-lg fa-minus-circle"></i>星期四, 1月10号，2个小时</span>
										<ul>
												<li>
												<span><i class="fa fa-clock-o"></i>
 2.00</span> &ndash; <a href="javascript:void(0);">编写代码...</a>
											</li>
										
</ul>
									
</li>
 <!-- end treeViewItem --> 
								
</ul>
 <!-- end branchList --> 
							
</li>
 <!-- end treeViewItemGroup -->  
							
							<li>
    								<span><i class="fa fa-lg fa-calendar"></i>2013年, 第3周</span>
								<ul>
    									<li>
    										<span  class="label label-success"><i class="fa fa-lg fa-minus-circle"></i>星期五, 1月14号，8个小时</span>
										<ul>
												<li>
												<span><i class="fa fa-clock-o"></i>
 7.75</span> &ndash; <a href="javascript:void(0);">编写文档...</a>
											</li>
											<li>
												<span><i class="fa fa-clock-o"></i>
 0.25</span> &ndash; <a href="javascript:void(0);">重构代码...</a>
											</li>
										
</ul>
									
</li>
 <!-- end treeViewItem --> 
								
</ul>
 <!-- end branchList --> 
							
</li>
 <!-- end treeViewItemGroup --> 
		                
	</ul>
</div>
 <!-- end treeView -->
						
					
</div>
 <!-- end widgetContent -->
				
</div>
 <!-- end jarvisWidgetBody -->
			
</div>
<!-- end widget -->
 <!-- end jarvisWidget -->
		
</article>
 <!-- end widgetGridCol -->

		<article class="col-sm-12 col-md-12 col-lg-6">
    			<div class="jarviswidget jarviswidget-color-blue" id="wid-id-1"
    				data-widget-editbutton="false"
				>
<header>
    <span class="widget-icon"><i class="fa fa-sitemap"></i></span>    <h2>简单视图</h2>
    
</header>
				<div>
    					<div class="jarviswidget-editbox">
    
</div>
					<div class="widget-body ">
    					
						<div class="tree smart-form">
	<ul>
									<li>
    								<span><i class="fa fa-lg fa-folder-open"></i>父节点</span>
								<ul>
    									<li>
    										<span  class=""><i class="fa fa-lg fa-plus-circle"></i>管理员</span>
										<ul>
												<li style="display:none">
												<span> <label class="checkbox inline-block">
													<input type="checkbox" name="checkbox-inline">
													<i></i>Michael.Jackson</label> 
												</span>
											</li>
											<li style="display:none">
												<span> <label class="checkbox inline-block">
													<input type="checkbox" checked="checked" name="checkbox-inline">
													<i></i>Sunny.Ahmed</label> 
												</span>
											</li>
											<li style="display:none">
												<span> <label class="checkbox inline-block">
													<input type="checkbox" checked="checked" name="checkbox-inline">
													<i></i>Jackie.Chan</label> 
												</span>
											</li>
										
</ul>
									
</li>
									
									<li>
    										<span  class=""><i class="fa fa-lg fa-minus-circle"></i>子节点</span>
										<ul>
												<li>
												<span><i class="icon-leaf"></i> 子节点</span>
											</li>
											<li>
												<span><i class="icon-leaf"></i> 子节点</span>
											</li>
											<li>
												<span><i class="fa fa-lg fa-plus-circle"></i>
 子节点</span>
												<ul>
														<li style="display:none">
														<span><i class="fa fa-lg fa-plus-circle"></i>
 子节点</span>
														<ul>
															<li style="display:none">
																<span><i class="icon-leaf"></i> 子节点</span>
															</li>
															<li style="display:none">
																<span><i class="icon-leaf"></i> 子节点</span>
															</li>
														</ul>
													</li>
													<li style="display:none">
														<span><i class="icon-leaf"></i> 子节点</span>
													</li>
													<li style="display:none">
														<span><i class="icon-leaf"></i> 子节点</span>
													</li>
												
</ul>
											</li>
										
</ul>
									
</li>
 <!-- end tree -->
								
</ul>
 <!-- end branchList -->
							
</li>
 <!-- end tree -->
							
							<li>
    								<span><i class="fa fa-lg fa-folder-open"></i>父节点2</span>
								<ul>
    									<li>
    										<span><i class="icon-leaf"></i>子节点</span>
									
</li>
 <!-- end tree -->
								
</ul>
 <!-- end branchList -->
							
</li>
 <!-- end tree -->
		                
	</ul>
</div>
 <!-- end treeView -->
						
					
</div>
 <!-- end widgetContent -->
				
</div>
 <!-- end jarvisWidgetBody -->
			
</div>
<!-- end widget -->
 <!-- end jarvisWidget -->
		
</article>
 <!-- end widgetGridCol -->
	
</div>
 <!-- end widgetGridRow -->
	<div class="row ">
    
</div>

</section>
 <!-- end widgetGrid -->

 <script type="text/javascript">
	/* DO NOT REMOVE : GLOBAL FUNCTIONS!
	 *
	 * pageSetUp(); WILL CALL THE FOLLOWING FUNCTIONS
	 *
	 * // activate tooltips
	 * $("[rel=tooltip]").tooltip();
	 *
	 * // activate popovers
	 * $("[rel=popover]").popover();
	 *
	 * // activate popovers with hover states
	 * $("[rel=popover-hover]").popover({ trigger: "hover" });
	 *
	 * // activate inline charts
	 * runAllCharts();
	 *
	 * // setup widgets
	 * setup_widgets_desktop();
	 *
	 * // run form elements
	 * runAllForms();
	 *
	 ********************************
	 *
	 * pageSetUp() is needed whenever you load a page.
	 * It initializes and checks for all basic elements of the page
	 * and makes rendering easier.
	 *
	 */

	pageSetUp();

	// PAGE RELATED SCRIPTS
	// pagefunction
	
	var pagefunction = function() {
		
		loadScript("js/plugin/bootstraptree/bootstrap-tree.min.js");

	};
	
	// end pagefunction
	
	// run pagefunction on load

	pagefunction();
	
</script>